<template>


	<adTabbar>

		<adTabbarItem text="日历" class="maxWidth" @click="goCal" :textColor="index==0?'#F56C6C':'#5F6670'" :icon="'https://mini-client-base-pic.oss-cn-beijing.aliyuncs.com/wx/house_bottom_cal'+(index==0?'_on':'')+'.png'"></adTabbarItem>
		<adTabbarItem text="房源" class="maxWidth" @click="goHouse" :textColor="index==1?'#F56C6C':'#5F6670'" :icon="'https://mini-client-base-pic.oss-cn-beijing.aliyuncs.com/wx/house_bottom_house'+(index==1?'_on':'')+'.png'"></adTabbarItem>
		<adTabbarItem text="订单" class="maxWidth" @click="goOrders" :textColor="index==2?'#F56C6C':'#5F6670'" :icon="'https://mini-client-base-pic.oss-cn-beijing.aliyuncs.com/wx/house_bottom_orders'+(index==2?'_on':'')+'.png'"></adTabbarItem>
		<adTabbarItem text="我的" class="maxWidth" @click="goMy" :textColor="index==3?'#F56C6C':'#5F6670'" :icon="'https://mini-client-base-pic.oss-cn-beijing.aliyuncs.com/wx/house_bottom_my'+(index==3?'_on':'')+'.png'"></adTabbarItem>

	</adTabbar>


 

</template>


<script>
	import adTabbar from '@/components/andy-ADTabbar/andy-ADTabbar.vue';
	import adTabbarItem from '@/components/andy-ADTabbar/andy-ADTabbarItem.vue';


	export default {
		props: {
			index: 0,

		},
		data() {
			return {

			};
		},
		watch: {

		},
		 
		methods: {
			goCal() {
				if (this.index != 0)
					uni.redirectTo({
						url: "/pages/landlord/calendar"
					})
			},
			goHouse() {
				if (this.index != 1)
					uni.redirectTo({
						url: "/pages/landlord/houseList"
					})
			},
			goOrders() {
				if (this.index != 2)
					uni.redirectTo({
						url: "/pages/landlord/orders"
					})
			},
			goMy() {
				if (this.index != 3)
					uni.redirectTo({
						url: "/pages/landlord/index"
					})
			},
		},
		components: {
			adTabbar,
			adTabbarItem
		}
	}
</script>

<style>
	.bottom_bar {
		padding: 0 40upx;
	}
</style>
